<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }
        .box{
            width: 1140px;
            height: 1000px;
            border: 1px solid darkgray;
            margin: 20px auto;
            padding: 25px;
            box-sizing: border-box;
        }
        .box-a{
            border-bottom: 1px dashed darkgray;
            margin-bottom: 25px;
        }
        .box-a h5{
            float: left;
            font-size: 16px;
        }
        .box-a table{
            margin: 20px auto;
            margin-left: 340px;
        }
        .box-a td{
            height: 45px;
        }
        .box-a button{
            float: right;
            width: 85px;
            height: 30px;
            border: 1px solid darkgray;
            border-radius: 8px;
            text-align: center;
            line-height: 30px;
            background-color: white;
        }
        .orange{
            color: orangered;
        }
        .b{
            padding-left: 55px;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="box-a">
        <h5>基本信息</h5><br />
        <table>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;用户名：&nbsp;</td>
                <td>wujiangnan333</td>
            </tr>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;姓名：&nbsp;</td>
                <td>吴江南</td>
            </tr>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;性别：&nbsp;</td>
                <td>男</td>
            </tr>
            <tr>
                <td align="right">国家/地区：&nbsp;</td>
                <td>中国CHINA</td>
            </tr>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;证件类型：&nbsp;</td>
                <td>中国居民身份证</td>
            </tr>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;证件号码：&nbsp;</td>
                <td>3203**************534</td>
            </tr>
            <tr>
                <td align="right">核验状态：&nbsp;</td>
                <td class="orange">已通过</td>
            </tr>
        </table>
    </div>
    <div class="box-a">
        <h5>联系方式</h5>
        <button>编辑</button><br />
        <table>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;手机号：&nbsp;</td>
                <td>151******3023</td>
                <td class="orange b">已通过核验</td>
            </tr>
            <tr>
                <td align="right">固定电话：&nbsp;</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">邮箱：&nbsp;</td>
                <td>1910192627@qq.com</td>
                <td class="orange b" >已激活</td>
            </tr>
            <tr>
                <td align="right">地址：&nbsp;</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td align="right">邮编：&nbsp;</td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </div>
    <div class="box-a">
        <h5>附加信息</h5>
        <button>编辑</button><br />
        <table>
            <tr>
                <td align="right"><font color="orangered">*</font>&nbsp;旅客类型：&nbsp;</td>
                <td>成人</td>
            </tr>
        </table>
    </div>
</div>

</body>
</html>